<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Rock Manga</title>
        <script src="lib/jquery-mobile-angular-adapter-standalone-1.1.1.js" type="text/javascript"></script>
        <script src="lib/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="js/manga.js" type="text/javascript"></script>
        <link href="css/themes/default/jquery.mobile-1.2.0.css" rel="stylesheet" type="text/css">
    </head>
	<style>​
	.ui-input-text,
    .ui-select {
        width: 100% !important;
        padding: 0.4em 0 !important;
    }
    </style>
    <body>
		 
        <div ng-controller="MangaController" ng-app="manga">
            <div id="main" data-role="page" ngm-pagebeforeshow="refreshMangaList()">
                <div data-role="header">
                    <h1>Manga Collection</h1>
                </div>
                <div data-role="content">
                    <ul class="ui-listview" data-role="listview">
                        <li data-theme="c" ng-repeat="manga in mangaList" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-btn-up-c">
                            <div class="ui-btn-inner ui-li">
                                <div class="ui-btn-text">
                                    <a href="#" class="ui-link-inherit">
                                        <img alt="" src="{{manga.ImageLink}}" class="ui-li-thumb">
                                         <div class="quizData">
                                            <h4 class="ui-li-heading">{{manga.Title}}</h4>
                                            <div class="quizzesStats">
                                                <div class="stats">
                                                    <p class="ui-li-desc">By: TheQuiz</p>
                                                    <p class="ui-li-desc">Played: 16 times</p>
                                                </div>
                                            </div>
                                         </div>
                                    </a>
                                </div>
                                <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"></span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </body>
</html>
